{% extends "base.html" %}

{% load static %}

{% block content %}
    <style>

        .a{
            display:block;
            margin: 10px;
            margin-left: 12%;
            padding:30px 15px;
            background-color: #e3e0e0;
            color: #159d65;
            border-radius:10px;
            width:110px;
            height: 50px;
            float: left;
            text-align: center;
            font-size: 20px;
        }

    </style>
    <div class="cart_list">
        <div class="cart_top">追加评论</div>
    </div>
    <div >
        <div class="a">
            <p>累计评论数</p>
            <p>{{ leiji_comments_num }}</p>
        </div>
        <div class="a">
            <p>好评数</p>
            <p>{{ haoping_comments_num }}</p>
        </div>
        <div class="a">
            <p>中评数</p>
            <p>{{ zhongping_comments_num }}</p>
        </div>
        <div class="a" style="">
            <p>差评数</p>
            <p>{{ chaping_comments_num }}</p>
        </div>
    </div>
    <div>
    <!-- 29.需完善form标签action属性 -->
        <form method="post" action="/Buyer/send_comment/">
            {% csrf_token %}
            <input type="hidden" name="fabiao" value="发表评论">
            <!-- 30.需传入商品id -->
            <input type="hidden" name="id" value="{{ goods_id  }}">
            <div style="margin-left: 170px">
{#               <input type="text" placeholder="评论内容不要超过50个字!" name="comment_statement"#}
{#                   class="comment_input" autocomplete="off">#}
                <textarea maxlength=50 rows="3" cols="100" name="comment_statement" style="font-size: 22px;
                 padding: 15px; letter-spacing: 5px">评论内容不要超过50个字!</textarea>
            </div>
            <div style="margin-left: 64%; padding: 20px; font-size: 22px">
                <span>评论态度:</span>
               	<input type="radio" name="goods_state" value="2" style="padding: 50px">
                <span>好评</span>
		        <input type="radio" name="goods_state" value="1" >
                <span>中评</span>
		        <input type="radio" name="goods_state" value="0" >
                <span>差评</span>
            </div>

            <div style="margin-left: 74%">
                <input type="submit" value="发表评论" class="comment_but" style="width: 200px; height: 50px;">
            </div>

        </form>
    </div>
{% endblock %}